<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>管理日历</title>
    <link href="css/base.css" rel="stylesheet" type="text/css">
    <link href="css/common.css" rel="stylesheet" type="text/css">
    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">

    <script src="../public/jQuery/jQuery-2.1.3.min.js"></script>
    <script src="../public/js/publicjs.js"></script>
    <script src="../vote/js/whole.js"></script>
    <script src="js/swipe.js" type="text/javascript"></script>
    <script src="js/calendar.js" type="text/javascript"></script>

</head>
<body>
<iframe src="../approval/html/tokenTips.html" class="token_iframe" ></iframe>
<div id='calendar'>
    <header class="header">
        <div class="fl" id="return" style="width: 5vh;" onclick="go_back()">
            <img src="img/btn-return.png" class="return-img">
        </div>
        <div class="fr tr" style="width: 5vh;">
            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </div>
        <div class="tc">
            <span class="fs" id="disDate"></span>
        </div>
    </header>
    <div class="calendar">

        <p class="calendar-year" id="pcalyear">2015年</p>
        <div class="calendar-months">
            <ul class="calendar-months" id="calmonthli">
                <li>1月</li>
                <li>2月</li>
                <li>3月</li>
                <li class="months-cur">4月</li>
                <li>5月</li>
                <li>6月</li>
                <li>7月</li>
                <input type="hidden" value="" id="hidyear0"/><input type="hidden" value="" id="hidyear1"/><input
                    type="hidden" value="" id="hidyear2"/><input type="hidden" value="" id="hidyear3"/><input
                    type="hidden" value="" id="hidyear4"/><input type="hidden" value="" id="hidyear5"/><input
                    type="hidden" value="" id="hidyear6"/></ul>
        </div>
        <div class="calendar-day">
            <ul class="week week-b week-hd">
                <li>日</li>
                <li>一</li>
                <li>二</li>
                <li>三</li>
                <li>四</li>
                <li>五</li>
                <li>六</li>
            </ul>
            <ul class="week week-b week-day week-day-b" id="caldayli">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>

    <input type="hidden" value="" id="selectYear"><input type="hidden" value="" id="selectMonth"><input
        type="hidden" value="" id="selectDay"><input type="hidden" value="3" id="selectMonIndex">
</div>

<div class="details-title"><span>团队：</span></div>
<div class="cal-details">
    <img class="loading" src='img/loading.gif'>
    <div class="details-none">
        <img src="img/details-none.png" class="duty-none"/>
    </div>
    <div class="details-list">
        <!--审批-->
        <div class="details-item" id="approvals">
            <div class="duty-title">
                <div class="fl">
                    <img src="img/approvals-icon.png" class="duty-icon">
                </div>
                <div class="fr tr">
                    <span class="to-home" id="href_approval">进入首页</span>
                </div>
                <div class="fl tc">
                    <span class="duty-name">审批</span>
                </div>
            </div>
            <div class="duty-content"id="approvals_content">
                <!--<div class="duty-item">-->
                    <!--<div class="item-title">-->
                        <!--<span class="duty-reason">请假</span><span>:</span><span-->
                            <!--class="duty-num">2</span><span>人</span>-->
                    <!--</div>-->
                    <!--<ul class="item-numb">-->
                        <!--<li>-->
                            <!--<div class="item">-->
                                <!--<div>-->
                                    <!--<img src="img/approvals-icon.png" class="item-icon">-->
                                <!--</div>-->
                                <!--<div class="item-name">-->
                                    <!--张三-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->

                    <!--</ul>-->
                <!--</div>-->
            </div>
        </div>

        <!--日志-->
        <div class="details-item" id="dailycord">
            <div class="duty-title" >
                <div class="fl">
                    <img src="img/dailycord_icon.png" class="duty-icon">
                </div>
                <div class="fr tr">
                    <span class="to-home" id="href_log">进入首页</span>
                </div>
                <div class="fl tc">
                    <span class="duty-name">日志</span>
                </div>
            </div>
            <div class="duty-content"id="dailycord_content">
                <!--<div class="duty-item">-->
                    <!--<div class="item-title">-->
                        <!--<span class="duty-reason">已提交</span><span>:</span><span-->
                            <!--class="duty-num">2</span><span>人</span>-->
                    <!--</div>-->
                    <!--<ul class="item-numb">-->
                        <!--<li>-->
                            <!--<div class="item">-->
                                <!--<div>-->
                                    <!--<img src="img/approvals-icon.png" class="item-icon">-->
                                <!--</div>-->
                                <!--<div class="item-name">-->
                                    <!--张三-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->

                    <!--</ul>-->
                <!--</div>-->
            </div>
        </div>

        <!--任务-->
        <div class="details-item" id="projecttask">
            <div class="duty-title">
                <div class="fl">
                    <img src="img/duty_icon.png" class="duty-icon">
                </div>
                <div class="fr tr">
                    <span class="to-home" id="href_task">进入首页</span>
                </div>
                <div class="fl tc">
                    <span class="duty-name">Tower任务</span>
                </div>
            </div>
            <div class="duty-content"id="projecttask_content">
                <!--<div class="duty-item">-->
                    <!--<div class="item-title">-->
                        <!--<span class="duty-name">任务名称</span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="duty_opts">-->
                    <!--<img src="img/duty_endtime.png" style="vertical-align: middle"/>-->
                    <!--<div class="duty_endtime">9月20日</div>-->
                    <!--<img src="img/duty_belong.png" style="vertical-align: middle"/>-->
                    <!--<div class="duty_belong">所属项目名</div>-->
                <!--</div>-->
            </div>
        </div>

    </div>

</div>
<script type='text/javascript'>
    $(function () {
        initCalendar();
    });
    //滑动相册
    $('.calendar').rhuiSwipe('swipeLeft', function (event) {
        left();
    }, {
        // 可选参数
        isStopPropagation: false,
        isPreventDefault: false,
        triggerOnMove: true
    });
    $('.calendar').rhuiSwipe('swipeRight', function (event) {
        right();
    }, {
        // 可选参数
        isStopPropagation: false,
        isPreventDefault: false,
        triggerOnMove: true
    });
    $('.details-title').rhuiSwipe('swipeUp', function (event) {
        up();
    }, {
        // 可选参数
        isStopPropagation: true,
        isPreventDefault: true,
        triggerOnMove: true
    });
    $('.details-title').rhuiSwipe('swipeDown', function (event) {
        down();
    }, {
        // 可选参数
        isStopPropagation: true,
        isPreventDefault: true,
        triggerOnMove: true
    });
</script>
</body>
</html>
<script>
    function go_back() {
        var exit;
        exit = document.createElement('iframe');
        exit.style.display = 'none';
        document.documentElement.appendChild(exit);
        exit.src = "/exit2home";
    }
</script>